<template>
	<div>
		{{ name }}
		<button @click="changeName">change</button>
	</div>
</template>

<script>
export default {
	methods: {
		changeName() {
			// this.$emit子传父
			// .sync修饰符，修改纯值很好用
			// .sync让props拥有“双向绑定”
			this.$emit('update:name', '粉刷本领强')
		},
	},
	props: {
		name: {
			type: String,
			default: '哈哈哈',
		},
		obj: {
			// 对象和数组要用函数返回
			type: Object,
			default: function () {
				return {
					id: 0,
					name: 'test',
					$: 0,
				}
			},
		},
	},
}
</script>